<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>充电插座订单</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  #parse('/headFiles.html')
</head>
<body>
  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">查询范围</label>
            <div class="layui-input-block">
              <select name="dateBranchId">
                <option value="">当前时间范围</option>
                #foreach($item in $dateBranchItemList)
                <option value="$!{item.id}">$!{item.name}</option>
                #end
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">订单号</label>
            <div class="layui-input-block">
              <input type="text" name="tradeNo" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">设备序列号</label>
            <div class="layui-input-block">
              <input type="text" name="deviceSn" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">收费模式</label>
            <div class="layui-input-block">
              <select name="costMode">
                <option value="">不限制</option>
                #foreach($item in $costModeList)
                <option value="$!{item.index()}">$!{item.note()}</option>
                #end
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">支付状态</label>
            <div class="layui-input-block">
              <select name="payState">
                <option value="">不限制</option>
                #foreach($item in $payStateList)
                <option value="$!{item.index()}">$!{item.note()}</option>
                #end
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">订单状态</label>
            <div class="layui-input-block">
              <select name="state">
                <option value="">不限制</option>
                #foreach($item in $stateList)
                <option value="$!{item.index()}">$!{item.note()}</option>
                #end
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">创建时间</label>
            <div class="layui-input-block">
              <input type="text" name="searchDate" id='searchDate'
                     placeholder="$!{i18n.get('pleaseEnter')}" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <button class="layui-btn" lay-submit lay-filter="LAY-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>
      
      <div class="layui-card-body">
        <table id="LAY-table" lay-filter="LAY-table"></table>
        <script type="text/html" id="LAY-table-toolbar">
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="info">详情</a>
          <a class="layui-btn layui-btn-xs" lay-event="operate">操作</a>
        </script>
      </div>
    </div>
  </div>

  #parse('/footFiles.html')
<script>
layui.config({
  base: '$!{webRoot}/layuiadmin/'
  ,webRoot:'$!{webRoot}'
}).extend({
  index: 'lib/index'
  ,charge_socket_order_list:'cdcz/charge_socket_order_list'
}).use(['index', 'charge_socket_order_list']);
</script>
</body>
</html>
